@charset "UTF-8";

@font-face {font-family: 'iconfont';
    src: url('../iconfont/ux_1476586274_653087/iconfont.eot'); /* IE9*/
    src: url('../iconfont/ux_1476586274_653087/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../iconfont/ux_1476586274_653087/iconfont.woff') format('woff'), /* chrome、firefox */
    url('../iconfont/ux_1476586274_653087/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../iconfont/ux_1476586274_653087/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}

body{
    font-family: 微软雅黑;
}
*{
    padding: 0;
    margin: 0;
}
.main{
    width: 640px;
    height: 800px;
    margin: auto;
    /*border: 1px solid red;*/
}
.header img{
    width: 100%;
    height: 252px;
}
.container{
    width: 100%;
    height: 543px;
    background-color:#CEEDFF;
}
.container .one{
    width: 100%;
    height: 100px;
    /*background-color: red;*/
}
.one_left{
    float: left;
    width: 415px;
    height: 100px;
    margin-right: 7px;
    margin-left: 6px;
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: #1AAB9E;
    border-radius: 5px;
}
.one_left .school{
    width: 100px;
    height: 100px;
    /*background-color: yellow;*/
    float: left;
}
.one_left .school_fonts p{
    color: #D6AF2E;
    font-size: 20px;
    text-align: center;
    padding-top: 3px;
}
.one_left .school_fonts span{
    color: #54C9C0;
    font-size: 14px;
    margin-left: 2em;
}

.one_right{
    margin-top: 5px;
    margin-bottom: 5px;
    float: left;
    width: 205px;
    height: 100px;
    background-color:#FFD988 ;
}

.container .two{
    margin-top: 5px;
    width: 100%;
    height: 100px;
    /*background-color: #03D0E3;*/
}
.two_left{
    margin-bottom: 5px;
    float: left;
    width: 205px;
    height: 100px;
    margin-left: 6px;
    background-color: #64CACF;
}
.two_center{
    float: left;
    width: 205px;
    height: 100px;
    margin-left: 6px;
    margin-bottom: 5px;
    background-color: #38ACDB;
}
.two_right{
    float: left;
    width: 205px;
    height: 100px;
    margin-left: 6px;
    margin-bottom: 5px;
    background-color: #F68E2F;
}

.container .three{
    margin-top: 5px;
    width: 100%;
    height: 100px;
    margin-bottom: 5px;
}
.three_left{
    background: #828BC4;
    float: left;
    margin-left: 6px;
    height: 200px;
    width: 205px;
}
.three_right .top .top_left{
    background: #8EC63F;
    float: left;
    margin-left: 6px;
    height: 98px;
    margin-bottom: 2px;
    width: 205px;
}

.three_right .top .top_right{
    background: #2D59A4;
    float: left;
    margin-left: 6px;
    height: 98px;
    margin-bottom: 2px;
    width: 205px;
}
.three_right .bottom .bottom_left{
    background: #E06ABE;
    float: left;
    margin-left: 6px;
    height: 97px;
    margin-top: 3px;
    width: 205px;
}
.three_right .bottom .bottom_right{
    background: #21C799;
    float: left;
    margin-left: 6px;
    height: 97px;
    margin-top: 3px;
    width: 205px;
}

.container .four{
    float: left;
    margin-top: 5px;
    width: 100%;
    height: 105px;
}
.four_left{
    float: left;
    background: #DC93DC;
    float: left;
    margin-left: 6px;
    height: 105px;
    width: 205px;
}
.four_right{
    float: left;
    background: #FC5366;
    float: left;
    margin-left: 6px;
    height:105px;
    width: 415px;
}
.four_right .icon{
    width: 100px;
    height: 100px;
    /*background-color: yellow;*/
    float: left;
}
.four_right .fonts p{
    color:#F1A827;
    font-size: 20px;
    text-align: center;
    padding-top: 3px;
}
.four_right .fonts span{
    color:#FFFEFF;
    font-size: 14px;
    margin-left: 2em;
}

